﻿.user {
    height: 100%;
}
html {
    font-size: 60% !important;
}
.user {
    background: url(../images/login-bg.png) center center no-repeat;
    background-size:cover;
    overflow: auto;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

input:not([type=checkbox]) {
    width: 100%;
    border-radius: 2px;
    border: 1px solid rgba(0,0,0,.12);
    font-size: 14px;
    color: rgba(0,0,0,.85);
    height: 36px;
    line-height: 20px;
    outline: none;
    padding: 8px 11px;
    box-sizing: border-box;
}

    input:not([type=checkbox]):focus {
        border-color: #00c28b;
    }

.user * {
    box-sizing: border-box;
}

.user .container {
    min-height: calc(100% - 144px);
    min-width: 25.71429rem;
    margin: 0 auto;
    text-align: center;
    display: table;
    padding-top: 44%;
}

.user .wrapper {
    display: table-row;
    font-size: 1rem;
}

    .user .wrapper .content {
        display: table-cell;
        vertical-align: middle;
        padding: 17.42857rem 36px;
    }

    .user .wrapper .logo {
        margin-bottom: 4.28571rem;
    }

.user .input-wrapper {
    line-height: 24px;
}

    .user .input-wrapper input {
        height: 40px;
        margin-bottom: 16px;
    }

.user .wrapper .btn {
    width: 100%;
    height: 2.85714rem;
    font-size: 1.14286rem;
}

.user .wrapper .action {
    text-align: left;
    padding-bottom: 2.14286rem;
}

.user .wrapper .forget {
    color: #00c28b;
}

.user .wrapper .link {
    display: block;
    color: #00c28b;
    margin-top: 4.28571rem;
}

.user .footer {
    position: absolute;
    background: #f9fafb;
    box-shadow: 0 -1px 0 0 #f0f0f0;
    height: 144px;
    padding: 3.57143rem 0;
    width: 100%;
    text-align: center;
    line-height: .85714rem;
    font-size: .85714rem;
    bottom: 0;
}

.user .copyright {
    color: rgba(0,0,0,.24);
}
